Hello and welcome.
In this video we are going to create a directorate for our project and also create hastier male structure.
If you are on a Mac you can also create a Derek print from your desktop by right clicking and just going
to a new folder.
So I'm using a Windows based computer so the process is the same.
Just give your folder in your new name.
I have called my directory count down saw my email file going here.
My sis says and also the javascript file will also reside inside this directory.
So now that I've caught there it recreate the next and I want to do is create that hastier more structure
for the project.
I will be using the sublime text as my editor up for this lecture so I'm going to begin by defining
the doctype.
So you do that.
He is in the left ankle bracket pulled by the exclamation mark and then you type pain doc type.
Doc Ty space t l and then you close it with the right angle bracket on the next line.
This is where you actually start the hastier melt part of it so you do a left angle bracket.
A male and a right angle bracket.
I would like to open and close my tags at the same time so I'm going to close the hastier mill with
the left angled bracket forward slash and then hastey about Amber will close it.
I am using sublime Tex.
You can see the colouration of my code here has not change this because Eastfield think in everything
I type in here is plain tex.
So to change that just on the bottom here we have got plain tex.
I am going to change that and look for hastier email and just change that see.
Hey his out here so I'll just change that to hastier must.
He can see the colouration has changed.
The next thing I want to do is to find the head tag.
So in between here same tag here I I'm going to just to a left angle bracket and do a head past the
opening and I will close it so we'd be left angled bracket forward slash.
So I've now got my head tag or so close I want to indent that bit numbers going to indented one space
so that there's some indentation to you know that the head comps on the hastier malph tag makes.
Now want to do is add the body tag the body type is where the actual content will be displayed.
So only the content within the body tag is this plate.
So a left angle bracket and I'll close that so that's my body too close.
I'm going to be using an external sheet so I'm going to pull the reference to this tile sheet in between
ahead tag and also Queen to within the body attack.
I want to add and I see the idea here is just acting as a place holder so the content of this idea will
be replaced by the count down.
Time to save a bit of time.
I have completed the code for the structure so this is why I've added on line 6 he added a reference
to the external style sheet so this will be where our style sheet will be located and is going to be
located in the directory we created earlier so all the files will be there.
This is the name of the csx I of not crito This is file yet but when I do is going to be called Count
Down see says Hey Trev.
Basically this attribute specify where to pick up the externals tile shed from K and thus the location
and use real which is an attribute to indicate what the link is.
Specify the link is going to be as a whole sheet and type Here is text so the green bits here are or
attributes.
Anywhere you see Queen are a tribute.
So this is a link to this style --.
So this time she is pleased with being the head section of the team old document inside the body.
I've got a paragraph typed with an attribute of the root.
This basically is going to be taken over by a big countdown time when the clock starts.
It will take all that this Deve.
This is a paragraph Heidi.
So when the time I start to take over this paragraph here and inject the count that time I hear this
script here this is the javascript that or be responsible for enabling the count that time to work through.
This is where the function is.
This is going to be an external file has I've got the nsc ASIC business task force source.
This source attribute where you have to specify the location of the external javascript file so I'm
using an external javascript file and an external style sheet so this is the location of the javascript
I have not created the file but when I do is going to be called come down that g s.
So that's basically the hastier model done.
So don't forget to save it you just click File Save As and just locate the location of your directory.
We create it and just see him as a hasty mail document.
In this lecture we created a directory for our project.
We also created the hastier mail document and in Siberia's to him a document with reference to the externals
title she's going to use also a reference to the external javascript file that we aren't going to use.
Thanks for watching.
Bye for now.